<template>

      <div class="setting">
                <div>
                    <van-nav-bar title="设置" left-arrow  @click-left="$router.go(-1)" />
                </div>
                <ul class="main_wrap">
                    <li>
                       <router-link to="/up_nickname">
                            <p>
                                <img src="../../assets/img/mine/setting_icon06.png">
                                修改昵称
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                        </router-link>
                    </li>
                    <li>
                       <router-link to="/forget_pwd">
                            <p>
                                <img src="../../assets/img/mine/setting_icon01.png">
                                修改密码
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                        </router-link>
                    </li>
                    <li>
                       <router-link to="/setting_pwd">
                            <p>
                                <img src="../../assets/img/mine/setting_icon02.png">
                                修改交易密码
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                       </router-link>
                    </li>
                    
                     <!-- <li>
                       <router-link to="/ranking">
                            <p>
                              <van-icon name="chart-trending-o" />
                                收益排行榜
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                        </router-link>
                    </li> -->
                    <li>
                       <router-link to="/upload_auth">
                            <p>
                                <img src="../../assets/img/mine/setting_icon03.png">
                                立即认证
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                        </router-link>
                    </li>
                    <li>
                          <router-link :to="{name:'gradeRule',params:{id:3}}">
                            <p>
                                <img src="../../assets/img/mine/setting_icon04.png">
                                关于我们
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                          </router-link>
                    </li>
                    <li>
                        <router-link :to="{name:'gradeRule',params:{id:8}}">
                            <p>
                                <img src="../../assets/img/mine/setting_icon05.png">
                                联系我们
                            </p>
                            <img src="../../assets/img/mine/setting_icon_more.png">
                        </router-link>
                    </li>
                </ul>
                <div class="signOut" @click="outLog()">
                   退出登录
                </div>
            </div>


</template>

<script>



export default {
 name: "login",
data() {
    return {
        active:2,
    }
},
mounted() { 
    this.base.head_status()

},
 methods: {
               
            outLog(){

                localStorage.clear();
                this.$router.push({ name: 'home'})
            },
           onClickRight(){

           }
               


      }
}
</script>


<style lang="scss" scoped >
    .van-nav-bar{
                background: none;
                border-bottom:1px solid rgba(255,255,255,0.16);
            }
            .van-nav-bar .van-icon{
                color:#fff;
            }
            .van-nav-bar__arrow{
                font-size:20px;
            }
            .van-nav-bar__title{
                color:#fff;
            }
            .main_wrap li{
                padding: 0 1rem;
                border-bottom:1px solid rgba(255,255,255,0.16);
            }
            .main_wrap li a{
                display: block;
                overflow: hidden;
                line-height: 2.8rem;
            }
            .main_wrap li a p{
                float: left;
                color: rgba(255,255,255,0.6);
                font-size:0.86rem;
            }
            .main_wrap li a p img{
                width:1.5rem;
                vertical-align: middle;
            }
            .main_wrap li a>img{
                float: right;
                width: 1.5rem;
                margin-top:0.6rem;
            }
            .signOut{
                width:92%;
                height: 2.6rem;
                background-image: linear-gradient(#831BFA, #9510E2);
                text-align: center;
                border-radius: 2rem;
                color:#fff;
                font-size:0.9rem;
                line-height: 2.6rem;
                margin:2rem 4%;
            }
            /deep/.van-icon-chart-trending-o:before{    font-size: 1.2rem; width: 1.5rem;  vertical-align: middle;}
</style>
